<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <%@include file='header.jsp'%>
    <div id="page">
            <div id="contents">
    <!--            Nome, CPF, dtNasc, sexo, endereço completo, e-mail-->
                <h1>Cadastrar Conserto</h1>
                <form action="Controladora?action=SalvarConserto" method="POST" data-validate="parsley">
                    <input type="hidden" value="${pedido.id}" name="idPedido"/>
                    <div class="columns30_70">
                        <div class="_30 alinhadoDireita">
                            <label>Nome do cliente:</label>
                        </div>
                        <div class="_70">
                            <input type="text" name="nomeCliente" value="${pedido.cliente.nome}" style="width: 350px" readonly />
                        </div>
                    </div>
                    <div class="columns30_70">
                        <div class="_30 alinhadoDireita">
                            <label>Tipo:</label>
                        </div>
                        <div class="_70">
                            <input type="text" name="tipo" value="${pedido.tpProduto.nome}" readonly />
                        </div>
                    </div>
                    <div class="columns30_70">
                        <div class="_30 alinhadoDireita">
                            <label>Modelo:</label>
                        </div>
                        <div class="_70">
                            <input type="text" name="modelo" value="${pedido.modelo}" readonly />
                        </div>
                    </div>
                    <div class="columns30_70">
                        <div class="_30 alinhadoDireita">
                            <label>Fabricante:</label>
                        </div>
                        <div class="_70">
                            <input type="text" name="fabricante" value="${pedido.fabricante}" readonly />
                        </div>
                    </div>
                    <div class="columns30_70">
                        <div class="_30 alinhadoDireita">
                            <label>Descrição do Problema:</label>
                        </div>
                        <div class="_70">
                            <textarea name="problema" style="height: 100px; width: 350px;" readonly><c:out value="${pedido.descricao}"></c:out></textarea>
                        </div>
                    </div>
                    <div class="columns30_70">
                        <div class="_30 alinhadoDireita">
                            <label>Data de Entrada</label>
                        </div>
                        <div class="_70">
                            <fmt:formatDate value="${pedido.dtEntrada}" pattern="dd/MM/yyyy" var="dataFormatada"/>
                            <input type="text" name="dataEntrada" value="${dataFormatada}" style="width: 80px;" readonly />
                        </div>
                    </div>
                    <div class="columns30_70">
                        <div class="_30 alinhadoDireita">
                            <label>Valor a ser pago (R$):</label>
                        </div>
                        <div class="_70">
                            <fmt:formatNumber value="${pedido.preco}" minFractionDigits="2" maxFractionDigits="2" var="precoFormatado" />
                            <input type="text" name="valor" value="${precoFormatado}" readonly />
                        </div>
                    </div>
                    <div class="columns30_70">
                        <div class="_30 alinhadoDireita">
                            <label>Data do Conserto</label>
                        </div>
                        <div class="_70">
                            <fmt:formatDate value="${pedido.dtConsertoFinal}" pattern="dd/MM/yyyy" var="dataFormatada2"/>
                            <input type="text" name="dataConserto" value="${dataFormatada2}" style="width: 80px;" readonly />
                        </div>
                    </div>
                    <div class="columns30_70">
                        <div class="_30 alinhadoDireita">
                            <label>Observação:</label>
                        </div>
                        <div class="_70">
                            <textarea data-required="true" style="height: 100px; width: 350px;" name="observacao"></textarea> <br/>
                        </div>
                    </div>
                    <input type="submit" onclick="if(!confirm('Tem certeza que deseja salvar o conserto?')) return false;" name="enviar" value="Cadastrar" class="btnpqn" style=" margin-left: 555px; width: 71px;"/>
                </form>            
            </div>
            <c:if test="${ msg != null}">
                <script type="text/javascript">
                    var msg = '${msg}';
                    alert(msg);
                </script>
            </c:if>
        <%@include file='footer.jsp'%>
    </div>
</body>
</html>